@media screen and (min-width:1025px) {
	#banner .slick-active .bimg {
		visibility: visible !important;
		-webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
		animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	}
	@-webkit-keyframes scaleUpDown {
		from {
			-webkit-transform: scale(1.08);
			transform: scale(1.08);
		}
		to {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	@keyframes scaleUpDown {
		from {
			-webkit-transform: scale(1.08);
			transform: scale(1.08);
		}
		to {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	.disappear .ibox {
		transform: scale(0.8);
		opacity: 0.5;
		transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
		-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	}
	.page.active .ibox {
		transform: translate(0px, 0px) scale(1);
		transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
		-webkit-transition: transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
		opacity: 1;
	}
	.box2inner .item1,
	.box2inner .item4,
	.box2inner .item7,
	.box2inner .item8,
	.box2inner .item10 {
		transform: rotateY(-90deg);
		-webkit-transform: rotateY(-90deg);
		transform-origin: 100% 50% 0;
		-webkit-transform-origin: 100% 50% 0;
	}
	.box2inner .item2,
	.box2inner .item3,
	.box2inner .item4,
	.box2inner .item5,
	.box2inner .item6,
	.box2inner .item5,
	.box2inner .item9 {
		transform: rotateY(90deg);
		-webkit-transform: rotateY(90deg);
		transform-origin: 0 50% 0;
		-webkit-transform-origin: 0 50% 0;
	}
	.active .box2inner .item {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		opacity: 1;
	}
	.active .box2inner .item {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		opacity: 1;
	}
	.active .box2inner .item1 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;
	}
	.active .box2inner .item2 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
	}
	.active .box2inner .item3 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;
	}
	.active .box2inner .item5 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
	}
	.active .box2inner .item6 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;
	}
	.active .box2inner .item7 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;
	}
	.active .box2inner .item8 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;
	}
	.active .box2inner .item9 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
	}
	.active .box2inner .item10 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;
	}
	.active .box2inner .item11 {
		-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
		transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
	}
	.hrMenu a:hover .cbg {
		height: 100%;
	}
	.disappear .box4Ttx {
		-webkit-transform-origin: 100% 0 0;
		-moz-transform-origin: 100% 0 0;
		-ms-transform-origin: 100% 0 0;
		-o-transform-origin: 100% 0 0;
		transform-origin: 100% 0 0;
		-webkit-transform: perspective(300px) rotateY(-90deg);
		-moz-transform: perspective(300px) rotateY(-90deg);
		-ms-transform: perspective(300px) rotateY(-90deg);
		-o-transform: perspective(300px) rotateY(-90deg);
		transform: perspective(300px) rotateY(-90deg);
	}
	.active .box4Ttx,
	.m-active .box4Ttx {
		-webkit-transform: perspective(300px) rotateY(0deg);
		-moz-transform: perspective(300px) rotateY(0deg);
		-ms-transform: perspective(300px) rotateY(0deg);
		-o-transform: perspective(300px) rotateY(0deg);
		transform: perspective(300px) rotateY(0deg);
	}
}

@media screen and (max-width:1600px) {
	.nav {
		margin-bottom: 40px;
	}
	.nav dd {
		font-size: 14px;
	}
	.nav dd .t {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.greeItem .text .c {
		top: 25%;
	}
	.greeItem .iimg {
		width: 180px;
		height: 180px;
	}
	.happinessList .con li .ico {
		margin-bottom: 5px;
	}
	.happinessList .num {
		font-size: 80px;
		right: 5%;
	}
	.happinessList dd:hover .numbox {
		right: 5%;
	}
	.happinessList dd:hover .by {
		left: 5%;
	}
	.happinessList dd:hover .con {
		left: 5%;
	}
	.happinessList .con {
		width: 90%;
	}
	.happinessList .con li {
		height: 130px;
		width: 30%;
		margin-right: 3%;
	}
	.goldDemo .list {
		font-size: 16px;
	}
	.threeSerBox {
		height: 750px;
	}
	.goldDemo,
	.RepairPage {
		height: 375px;
	}
	.goldDemo .name {
		top: 100px;
	}
	.goldDemo .list {
		margin-top: 100px;
	}
	.goldBox .img {
		width: 90%;
	}
	.aboutLifePage .con {
		padding: 30px 10%;
	}
	.aboutLifePage .img {
		height: 335px;
	}
	.greeItem .text .en {
		font-size: 35px;
	}
}

@media screen and (max-width:1500px) {
	.proListBanner .proinner {
		width: 1200px;
		margin-left: -600px;
	}
	.proList {
		width: 1200px;
	}
	.proList .item {
		height: 298px;
	}
	.proList2,.zq_list {
		width: 1220px;
	}
	.proList2 a.item {
		margin: 0px 10px 0px;
	}
	.proList2 li {
		width: 406px;
	}
	.proList2 li.twoItem {
		width: 812px;
	}
	.proList2 li.twoItem .img {
		width: 386px;
	}
	.proList2 .twoItem .con {
		height: 80%;
	}
	.proList2 .twoItem .con .c {
		width: 90%;
	}
	.productPCon {
		width: 1000px;
		margin-left: -500px;
		top: 16%;
	}
	.productPCon dd {
		width: 560px;
	}
	.productPCon dt {
		font-size: 70px;
	}
	.productPCon .t {
		margin-bottom: 35px;
	}
}

@media screen and (max-width:1370px) {
	.nav {
		width: 900px;
		margin-bottom: 20px;
	}
	.menubot {
		width: 900px;
	}
	.box2inner {
		margin: -242px 0 0 -492px;
	}
	.box4Ttx .c {
		margin-bottom: 46px;
	}
	.ibox5c {
		width: 440px;
		height: 440px;
		margin: -220px 0px 0px -220px;
	}
	.ibox5c .item {
		width: 220px;
		height: 220px;
	}
	.ibox5c .item .txt,
	.ibox5c .item .info {
		width: 160px;
		height: 220px;
	}
	.ibox5c .item1 .info {
		background-size: 100% auto;
	}
	.ibox5c .item .info .num {
		font-size: 40px;
	}
	.ibox5c .item .info .i {
		font-size: 20px;
	}
	.ibox5c .item .txt .c {
		height: 148px;
	}
	.bg62 .txt .t {
		font-size: 28px;
	}
	.about-en,
	.culturePbox .en {
		font-size: 34px;
	}
	.about-t,
	.culturePbox .zh {
		font-size: 18px;
	}
	.oneCultrue .by {
		font-size: 30px;
	}
	.oneCultrue .en {
		font-size: 28px;
	}
	.greeItem .text {
		width: 40%;
	}
	.greeItem .text .c {
		top: 18%;
		width: 50%;
	}
	.greeItem .iimg {
		width: 140px;
		height: 140px;
	}
	.pbanner2 .en {
		font-size: 50px;
	}
	.pbanner2 .zh {
		font-size: 22px;
	}
	.happinessList .con li {
		height: 120px;
	}
	.RepairPage .ser-en {
		font-size: 40px;
	}
	.goldDemo .list {
		margin-right: 5%;
	}
	.proListBanner .proinner {
		width: 1000px;
		margin-left: -500px;
	}
	.proListBanner .pcon {
		padding: 44px 40px;
	}
	.proListBanner .en {
		font-size: 34px
	}
	.proListBanner .zh {
		font-size: 26px
	}
	.proListBanner .bot {
		margin: 30px auto;
	}
	.proList {
		width: 1000px;
	}
	.proList .item {
		height: 246px;
	}
	.proList .con .en {
		font-size: 26px;
	}
	.zq_list{
		width: calc(100% - 40px);
	}
	.proList2 {
		width: 1020px;
	}
	.proList2 li {
		width: 340px;
	}
	.proList2 li.twoItem {
		width: 680px;
	}
	.proList2 li.twoItem .img {
		width: 320px;
	}
	.proList2 .twoItem .con .c {
		font-size: 13px;
		max-height: 140px;
		overflow: hidden;
	}
	.proinfoImg {
		width: 1200px;
		margin: 0px auto;
	}
	.proinfoList {
		width: 90%;
	}
	.productPCon {
		width: 80%;
		margin-left: 0px;
		left: 10%;
		top: 12%;
	}
	.productPCon dd {
		width: 62%
	}
	.productPCon dt {
		font-size: 50px;
		width: 20%;
		padding: 35px 5%;
	}
	.itemC .con {
		top: 35%;
	}
	.itemC .con .t {
		font-size: 24px;
	}
	.itemC .con .c {
		font-size: 16px;
	}
	.aboutLifePage .t {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.aboutLifePage .c {
		font-size: 13px;
	}
	.brandBox .en {
		font-size: 50px;
	}
	.brandBox .zh {
		font-size: 28px;
	}
}

@media screen and (max-width:1280px) {
	.footnav span {
		padding: 0px 4px;
	}
	.inner {
		width: 1000px;
	}
	.pagenav .inner {
		width: 100%;
	}
	.twoPorfile-con {
		padding: 95px;
		width: 730px;
	}
	.oneCultrue {
		width: 800px;
	}
	.twoCultrue .con {
		top: 25%;
	}
	.twoCultrue dd:hover .con {
		top: 14%;
	}
	.twoCultrue dd:hover .by2 {
		margin: 3% auto 4%;
	}
	.proces-T .item1 {
		font-size: 36px;
	}
	.proces-T .item2 {
		font-size: 46px;
	}
	.greeItem .text .c {
		top: 10%;
	}
	.greeItem .text .en {
		font-size: 30px;
		width: 140px;
	}
	.greeItem .text .zh {
		font-size: 22px;
	}
	.greeList {
		top: 0px;
	}
	.greeList dd {
		height: 120px;
		padding-top: 30px;
	}
	.greeList dd i {
		margin-bottom: 20px;
	}
	.greeItem .text .i {
		background-position: -16px 0px;
		padding-bottom: 27px;
	}
	.pbanner2 .en,
	.pbanner2 .proTypeBox .en {
		font-size: 40px;
	}
	.pbanner2 .zh,
	.pbanner2 .proTypeBox .zh {
		font-size: 20px;
	}
	.happinessList .num {
		font-size: 60px;
	}
	.happinessList .zh {
		font-size: 14px;
	}
	.happinessList .con li {
		height: 102px;
		font-size: 12px;
	}
	.happinessList .con li .ico {
		width: 40px;
	}
	.happinessList dd:hover .by {
		top: 5%;
	}
	.happinessList dd:hover .numbox {
		top: 4%;
	}
	#storePage .ser-en {
		font-size: 40px;
	}
	.proListBanner .en {
		font-size: 30px
	}
	.proListBanner .zh {
		font-size: 22px
	}
	.proListBanner .bot {
		margin: 20px 0px;
	}
	.proinfoImgBox {
		padding: 0px;
	}
	.proinfoImg {
		width: 100%;
	}
	.productPCon dt {
		font-size: 46px;
	}
	.wpro .en {
		font-size: 60px;
	}
	.itemC .con {
		top: 15%;
	}
	.hrMenu {
		margin: 0px 0px 0px 500px;
		padding-left: 0px;
	}
	.hrMenu a {
		width: 82px;
	}
	.logo .name {
		font-size: 16px;
		right: -120px;
	}
	.pbannerbox .con2 .t {
		font-size: 32px;
	}
	.pbannerbox .con2 {
		height: 90px;
	}
	.hrAbout_box,
	.hrBox,
	.applicationBox,
	.CareerPage {
		padding: 60px 0px;
	}
	.applicationList {
		width: 990px;
	}
	.applicationList .item1 .line {
		width: 0px;
	}
	.applicationList .item8 .line,
	.applicationList .item8 {
		width: 0px;
	}
	.applicationList .item1 {
		width: 120px;
	}
	.brandBox .en {
		font-size: 40px;
	}
	.brandBox .zh {
		font-size: 22px;
	}
	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev {
		left: -92px;
	}
	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-next {
		right: -92px;
	}
	.mapbox {
		height: 400px;
	}
}

@media screen and (max-width:1024px) {
	.backTop,
	.qiyeQQ,
	.tianmao {
		right: 9px;
	}

	.inner {
		width: 90%;
	}
	.content {
		position: initial;
	}
	.filler {
		display: none;
	}
	.logo,
	.pagesider2 .logo,
	.pagesider3 .logo,
	.pagesider5 .logo {
		background: url(../imagesa/logo1.png) ;
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 200px;
		height: 44px;
		left: 3%;
		top: 11px;
		z-index: 45;
		background-position: center center;
	}

	.menu,
	.topfix .menu {
		top: 9px;
		right: 9px;
		width: 88px;
		font-size: 14px;
	}
	#boxsider {
		height: 66px !important;
		background-color: #fff;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		z-index: 10000;
	}
	.open .menuBox {
		height: 0%;
		padding: 0% 0px 0px;
	}
	.open .menuMobileBox {
		height: 100%;
	}
	.open .mobileLogo {
		padding-top: 54px;
	}
	.open .navMobile dd p a {
		padding: 8px 0px;
		opacity: 1;
	}
	.open .msharpT,
	.open .menuMobileBox .sharpBox,
	.open .menuMobilelink {
		opacity: 1;
	}
	.footBox {
		height: auto;
		padding: 40px 5% 4%;
	}
	.linkDL {
		padding-bottom: 0px;
	}
	.linkDL dd {
		float: none;
		width: 100%;
	}
	.linkDL dd.lin0 {
		margin-bottom: 25px;
		width: auto;
	}
	.footnav {
		text-align: left;
		padding-top: 20px;
	}
	.footnav a {
		margin-right: 10px;
	}
	.footnav span {
		display: none;
	}
	.linkDL dd.lin0 .sharpBox a {
		margin-right: 10px;
	}
	.linkDL .lin2 a {
		font-weight: bold;
		color: #787878;
		line-height: 2.5;
	}
	.linkDL dd.lin1 {
		padding-bottom: 25px;
	}
	.linkDL dd.lin1 .pk {
		margin-bottom: 5px;
	}
	.linkDL dd.lin1 .br {
		padding-left: 20px;
		display: inline-block;
	}
	.linkDL dd.lin2,
	.linkDL dd.lin1 {
		width: 100%;
	}
	.sharpBox {
		float: none;
	}
	.sharpBox a {
		margin: 0px 20px 0px 0px;
	}
	#banner .slick-dots {
		left: 5%;
	}
	#s2 .ibox {
		padding: 80px 0px;
	}
	#s2 .ibox .bg2 {
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.m-active .box2inner .item {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		opacity: 1;
	}
	.box2inner {
		width: 726px;
		position: relative;
		margin: 0px auto;
		left: auto;
		top: auto;
		height: auto;
	}
	.box2T {
		height: auto;
		position: static;
		left: auto;
		top: auto;
		margin-bottom: 50px;
		width: 100%;
	}
	.box2T .t {
		font-size: 32px;
	}
	.box2T .c {
		height: auto;
	}
	.box2C {
		position: relative;
		height: 484px;
	}
	#s3 .ibox {
		height: 500px;
	}
	#s3 .linBox .txt .t {
		font-size: 32px;
	}
	#s3 .linBox .txt .i {
		font-size: 16px;
	}
	#s3 .linBox .txt .bot {
		width: 350px;
	}
	#s4 .ibox {
		position: relative;
		padding: 80px 0px;
	}
	#s4 .ibox .bg4 {
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.box4Ttx {
		position: relative;
		text-align: center;
		margin: 0px auto;
		right: auto;
		top: auto;
		display: block;
	}
	.box4Ttx .more {
		margin: 0px auto;
	}
	#s5 .ibox {
		height: 600px;
	}
	#s6 .ibox {
		height: 600px;
	}
	.bg62 .txt .t {
		font-size: 24px;
	}
	.top {
		height: 66px;
		background-color: #f8f8f8;
		background-color: rgba(255, 255, 255, 0.9);
	}
	.profilePbox {
		padding: 60px 0px;
	}
	.profilePbox .con {
		margin: 38px 0px;
	}
	.culturePbox .en {
		font-size: 30px;
	}
	.culturePbox .zh {
		font-size: 16px;
	}
	.culturePbox .con {
		width: 300px;
		margin-left: -150px;
		top: 25%;
	}
	.culturePbox .black {
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.culturePbox .zh {
		padding: 16px 0px;
	}
	.culturePbox .bot1 {
		width: 100%;
	}
	.culturePbox .bot2 {
		opacity: 0;
		visibility: hidden;
	}
	.culturePbox .btn-more {
		visibility: visible;
		opacity: 1;
		transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
	}
	.culturePbox a:hover .con {
		top: 25%;
	}
	.processPbox {
		background-attachment: initial;
		padding: 80px 0px;
	}
	.onePorfile {
		padding: 60px 0px 80px;
	}
	.pagenavBox {
		height: auto;
		position: relative;
	}
	.cpnav {
		display: block;
	}
	.pagenavBox .inner {
		position: absolute;
		left: 0px;
		top: 50px;
		width: 100%;
		z-index: 800;
		display: none;
	}
	.pagenavBox .inner a {
		width: 100%;
		display: block;
		border-right: 0px none;
		background-color: rgba(0, 149, 114, 0.7);
	}
	.pagenavBox .inner a.act {
		background-color: rgba(13, 183, 143, 0.8);
	}
	.pagenav.fixed {
		top: auto;
		position: inherit;
	}
	.twoPorfile {
		background-attachment: inherit;
	}
	.twoPorfile-con {
		width: 74%;
		padding: 40px 7%;
		top: -40px;
	}
	.twoPorfile-con .yico {
		background: none #009572;
		border-radius: 50%;
	}
	.twoPorfile-con .yico i {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
	}
	.oneCultrue {
		width: 90%;
		overflow: hidden;
		padding: 40px 5% 100px 5%;
	}
	.oneCultrue .by {
		font-size: 32px;
	}
	.oneCultrue .zh {
		margin-bottom: 40px;
	}
	.twoCultrue .con {
		background-color: #009470;
		display: block;
		padding: 40px 0px;
		width: 100%;
		left: auto;
		position: relative;
		top: auto;
	}
	.twoCultrue dd:hover .con {
		top: auto;
	}
	.twoCultrue dd:hover .blue {
		display: none;
	}
	.twoCultrue dd .by1 {
		opacity: 0;
		transform: translate(0px, -50px);
		-webkit-transform: translate(0px, -50px);
		height: 0px;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.twoCultrue dd .by2,
	.twoCultrue dd:hover .by2 {
		opacity: 1;
		margin: 3% auto 6%;
		visibility: visible;
	}
	.twoCultrue dd .t .bot1 {
		visibility: hidden;
		opacity: 0;
	}
	.twoCultrue dd .t .txt {
		padding: 0px 0px 12px;
	}
	.twoCultrue dd .c {
		display: block;
		height: 72px;
	}
	.twoCultrue dd .lico,
	.twoCultrue dd:hover .lico {
		display: none;
	}
	.proces-Inner {
		width: 90%;
	}
	.proces-T .item1 {
		font-size: 32px;
	}
	.proces-T .item2 {
		font-size: 40px;
	}
	.proces-info {
		margin: 60px auto;
	}
	.proces-list dd {
		padding: 30px 44px 0px;
	}
	.proces-L .txt,
	.proces-R .txt {
		width: auto;
	}
	.pagePadding {
		padding: 60px 0px;
	}
	.newItem {
		margin-left: 4%;
		width: 28%;
	}
	.ninfoT {
		margin-top: 0px;
	}
	.ninfoT .t {
		font-size: 22px;
	}
	.infoC {
		width: 90%;
		margin: 0px auto;
	}
	.infoPaging .inner {
		width: 100%;
	}
	.infoPaging a {
		padding: 10px 4px;
	}
	.mtop2 {
		height: 0;
	}
	.vwrap .videobox {
		width: 700px;
		margin-left: -350px;
	}
	.videoList {
		width: 80%;
		margin: 0px auto;
		padding: 50px 0px;
	}
	.greenChainBox .en {
		font-size: 40px;
	}
	.greenChainBox .zh {
		font-size: 22px;
	}
	.greeList {
		display: none;
	}
	.greeDemo .imgitem {
		display: none;
	}
	.greeItem {
		position: relative;
		left: auto !important;
		top: auto;
		margin: 0px auto 20px;
		width: 80%;
		padding: 5%;
	}
	.greeItem .img {
		float: left;
		display: block;
	}
	.greeItem .text {
		position: relative;
		float: left;
		display: block;
		left: auto;
		margin-left: 5%;
		width: 45%;
	}
	.greeItem .text .zh {
		margin-bottom: 10px;
	}
	.greeItem .text .en {
		width: auto;
		margin-bottom: 10px;
	}
	.greeItem .text .by {
		display: none;
	}
	.greeItem .text .i {
		margin-top: 0px;
	}
	.greeItem .text .c {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
	}
	.greeItem .iimg {
		right: auto;
		left: -2%;
		width: 100px;
		height: 100px;
	}
	.pbanner2 .en,
	.pbanner2 .proTypeBox .en {
		font-size: 32px;
	}
	.pbanner2 .zh,
	.pbanner2 .proTypeBox .zh {
		font-size: 16px;
	}
	.pbanner2 .by {
		display: none;
	}
	.happinessList .num {
		font-size: 120px;
	}
	.happinessList .numbox,
	.happinessList dd:hover .numbox {
		position: relative;
		display: block;
		right: auto;
		top: auto;
		margin: 0px auto;
		padding: 30px 0px;
	}
	.happinessList .numbox .zh,
	.happinessList dd:hover .numbox .zh {
		opacity: 1;
		visibility: visible;
	}
	.happinessList dd:hover .wihl {
		display: none;
	}
	.happinessList .by,
	.happinessList dd:hover .by {
		display: none;
	}
	.happinessList .con,
	.happinessList dd:hover .con {
		width: 90%;
		margin: 0px auto;
		position: relative;
		top: auto;
		left: auto;
		opacity: 1;
		visibility: visible;
		bottom: auto;
	}
	.happinessList .con li {
		width: 30.33%;
		text-align: center;
	}
	.happinessList .con li .ico {
		margin: 0px auto;
		display: block;
	}
	.happinessList dd:nth-child(2) {
		background-color: #F8F8F8;
	}
	.wholeheartedlyB {
		padding: 50px 0px;
	}
	.ser-en {
		font-size: 32px;
	}
	.ser-zh {
		font-size: 20px;
	}
	.ser-i {
		font-size: 14px;
	}
	.wholeheartedlyImg {
		background-attachment: inherit;
	}
	.threeSerBox {
		height: auto;
	}
	.goldBox,
	.threeSerBox .rightBox {
		width: auto;
		float: none;
	}
	.goldBox {
		padding-bottom: 40px;
	}
	.goldBox .img {
		width: 500px;
		margin: 0px auto;
	}
	#storePage .inner {
		width: 90%;
	}
	.fakeBox {
		padding-left: 0px;
	}
	.proBox {
		padding-right: 0px;
	}
	.proBox .flex-direction-nav .flex-next {
		display: none;
	}
	.proBanner .con .t {
		font-size: 32px;
	}
	.productNav li {
		width: 20%;
	}
	.screenBox {
		padding: 35px 0px;
	}
	.serachBox {
		height: 50px;
		width: 60%;
		padding: 0px 70px 0px 20px;
		border-radius: 30px;
		position: relative;
		margin: 0px auto;
		right: auto;
		bottom: auto;
		background-color: #fff;
	}
	.serachTxt,
	.serachBtn {
		height: 50px;
		width: 70px;
	}
	.serachBtn {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	.serachTxt {
		width: 100%;
		font-size: 16px;
	}
	.screenBtn {
		display: block;
	}
	.productList dd {
		width: 31.33%;
		margin: 0px 1% 35px;
	}
	.productList dd .img img {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
	}
	.productList dd .con {
		background-color: #009572;
		color: #fff;
	}
	.productList dd .bot {
		width: 100%;
	}
	.productList dd .botoom {
		bottom: 68px;
		opacity: 1;
		visibility: visible;
	}
	.proTop {
		height: 0px;
	}
	.proListBanner .img {
		display: none;
	}
	.proListBanner .proinner {
		position: relative;
		left: auto;
		bottom: auto;
		margin-left: 0px;
		width: auto;
	}
	.zq_list{
		width: 94%;
		margin-left: 1%;
	} 
	.proListBanner .pcon{
		margin: 80px 0px 80px 5%;
		width: 80%;
		padding: 40px 5%;
		float: none;
	}
	.proList {
		width: 95%;
	}
	.proList li {
		width: 50%;
	}
	.proList li.item2 {
		width: 100%;
	}
	.proList .item {
		height: auto;
		margin: 0 5% 20px;
	}
	.proList li.item2 .item {
		padding: 45px 0px;
		margin: 0px 2.5% 20px;
	}
	.verMidOut {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		padding: 0px 5%;
		text-align: center;
		z-index: 10;
	}
	.verMidMid {
		display: block;
		top: auto;
	}
	.verMidIn {
		position: relative;
		top: auto;
		width: 100%;
	}
	.pageCur {
		margin-top: 0px;
	}
	.proinfoDemo {
		width: 90%;
	}
	.proinfoDemo dt {
		float: none;
		margin: 0px 5%;
		width: 90%;
	}
	.proinfoDemo dd {
		float: none;
		width: auto;
		padding: 30px 5% 40px;
		text-align: center;
	}
	.proListPage {
		background-attachment: initial;
	}
	.proList2{
		width: 90%;
	}
	.proList2 li {
		width: 100%;
		float: none;
	}
	.proList2 a.item {
		margin: 0px;
	}
	.proList2 .oneItem .black {
		display: none;
	}
	.proList2 li.twoItem {
		width: 100%;
	}
	.proList2 li .img,
	.proList2 li.twoItem .img {
		width: 50%;
	}
	.proList2 .oneItem a:hover .img {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.proList2 .oneItem .con {
		position: absolute;
		left: 54%;
		width: 42%;
		color: #060606;
	}
	.proList2 .twoItem .con {
		height: 84%;
	}
	.proList2 .twoItem .con .c {
		width: auto;
		max-height: auto;
	}
	.proList2 .twoItem .con .bot {
		width: 150px;
		background-color: #00865E;
	}
	.proList2 .oneItem .con .bot {
		width: 150px;
	}
	.proList2 a:hover .filler2-left {
		height: 0%;
	}
	.proList2 a:hover .filler2-right {
		height: 0%;
	}
	.proList2 a:hover .filler2-top {
		width: 0%;
	}
	.proList2 a:hover .filler2-bottom {
		width: 0%;
	}
	.wpro {
		width: 90%;
	}
	.wpro .en {
		font-size: 50px;
	}
	.productPCon {
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
		background: none #009572;
	}
	.proContact {
		position: relative;
		left: auto;
		bottom: auto;
		padding: 20px 0px;
	}
	/*.exprienceBox{ float: none; width: 50%; background-position: left center; padding-left: 50%; background-size: cover;}
	.exprienceBox .en{ color: #009470;}
	.exprienceBox .btn-more{ border-color: #009572;}
	.exprienceBox .btn-more .bbg{ right: -35%; visibility: visible; opacity: 1;}
	.exprienceBox .btn-more .bc{ color: #fff;}
	.furnitureBox{ float: none; width: 100%;}*/
	.typeBox {
		padding-top: 60px;
	}
	.itemC .con .t {
		font-size: 20px;
	}
	.proIpic .flex-direction-nav a {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	.proIpic .flex-direction-nav a .ico {
		transform: scale(0.8);
		background-color: transparent;
	}
	.proPrev,
	.proNext {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: -20px;
	}
	.securitylist li {
		width: 48%;
	}
	.hrBox {
		width: 90%;
	}
	.hrTop {
		height: 106px;
	}
	.hrTop.topLogo .logo {
		width: 147px;
	}
	.logo .name {
		font-size: 12px;
		right: -84px;
	}
	.homeBtn {
		padding: 0px;
		height: 66px;
		width: 60px;
	}
	.homeBtn .ico {
		font-size: 14px;
		height: 0px;
		overflow: hidden;
		padding-top: 66px;
		background-position: center center;
	}
	.hrMenu {
		margin: 0px;
		padding: 66px 0px 0px 0px;
		width: 100%;
	}
	.hrMenu a {
		padding: 0px;
		height: 40px;
		line-height: 40px;
		width: 20%;
		background-color: #5AD7B9;
		color: #fff;
		font-size: 14px;
	}
	.hrMenu a .cbg {
		background-color: #0db78f;
	}
	.hrMenu a .i {
		color: #fff;
	}
	.mtop3 {
		height: 106px;
	}
	.pbannerbox .con2 {
		margin-top: -45px;
	}
	.joinImg {
		padding: 120px 0px;
		background-attachment: inherit;
	}
	.hrList .hot {
		left: 10%;
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
	.hrList .hicon {
		width: 10%;
	}
	.hrList .hspan:nth-child(4),
	.hrList .hspan:nth-child(5) {
		display: none;
	}
	.hrList .hspan:nth-child(2),
	.hrList .hspan:nth-child(3) {
		width: 35%;
	}
	.hrList .hspan:nth-child(6) {
		width: 20%;
	}
	.hrList .hrB {
		margin-left: 10%;
	}
	.applicationPage {
		background-attachment: inherit;
	}
	.applicationList {
		width: 80%;
	}
	.applicationList li,
	.applicationList .item1 {
		width: 33.33%;
		position: relative;
		margin-top: 25px;
	}
	.applicationList .item7 {
		width: 100%;
	}
	.applicationList li .line,
	.applicationList .item1 .line {
		display: none;
	}
	.applicationList .t {
		margin: 0px auto;
		float: none;
	}
	.applicationList .y1 {
		border: 2px solid #009470;
		background: none #fff;
		border-radius: 50%;
		box-sizing: border-box;
	}
	.applicationList .y2 {
		background: none #009470;
		border-radius: 50%;
	}
	.applicationList .tr .y1 {
		opacity: 0;
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	.applicationList .t .y2 {
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
		visibility: visible;
	}
	.applicationList .t .name {
		color: #fff;
	}
	.applicationList .t .name i {
		width: 16px;
	}
	.aboutUsPc {
		width: 86%;
	}
	.aboutCulturePage {
		background-attachment: inherit;
	}
	.aboutCultureDL dd {
		width: 40%;
		margin: 0px 5%;
	}
	.aboutLifePage dd {
		width: 100%;
		float: none;
	}
	.aboutLifePage dd .filler2-left {
		height: 96%;
	}
	.aboutLifePage dd .filler2-right {
		height: 96%;
	}
	.aboutLifePage dd .filler2-top {
		width: 96%;
	}
	.aboutLifePage dd .filler2-bottom {
		width: 96%;
	}
	.aboutLifePage .img {
		float: left;
		display: block;
		width: 50%;
	}
	.aboutLifePage .con {
		padding: 60px 6% 0px;
		float: left;
		display: block;
		width: 38%;
	}
	.aboutLifePage .c {
		font-size: 14px;
	}
	.aboutLifePage .num {
		top: 25px;
		margin-top: 0px;
		margin-right: 0px;
		right: 10%;
		opacity: 1;
		visibility: visible;
	}
	.aboutLifePage .twoDD .num {
		top: 25px;
		margin-top: 0px;
	}
	.aboutUsPage {
		padding: 60px 0px;
	}
	.brandPage {
		padding: 60px 0px;
	}
	.brandBg {
		bottom: 0px;
		background-attachment: initial;
		background-size: cover;
	}
	.brandBox {
		width: 66%;
		padding: 50px 8%;
		float: none;
		margin: 0px auto;
	}
	.serviceDemo {
		width: 90%;
	}
	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev {
		left: -22px;
	}
	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-next {
		right: -22px;
	}
	.yearQuanBox {
		width: 86%;
	}
	.yearQuanBox .by {
		font-size: 32px;
	}
	.yearQuanBox .t {
		font-size: 40px;
	}
	.yearQuanBox .c {
		font-size: 16px;
	}
	.leftBox {
		width: 40%;
	}
	.contactPage {
		width: 90%;
		padding: 50px 0px;
	}
	.goldList {
		width: 100%;
	}
	.goldList .botoomN {
		display: none;
	}
	.goldList .filler2-left {
		height: 100%;
	}
	.goldList .filler2-right {
		height: 100%;
	}
	.goldList .filler2-top {
		width: 100%;
	}
	.goldList .filler2-bottom {
		width: 100%;
	}
	.glodInner {
		width: 90%;
	}
	.goldList .more {
		width: 100%;
	}
	.goldBottom {
		padding: 50px 0px 60px;
	}
	.retxt {
		padding: 10px 15px;
		line-height: initial;
		height: auto;
	}
}

@media screen and (max-width:860px) {
	.box2T {
		position: relative;
		top: auto;
		left: auto;
	}
	.box2inner {
		width: 484px;
	}
	.box2C {
		margin: 0px auto;
	}
	.box2inner .item1 {
		right: auto;
		left: 0px;
		top: 0px;
	}
	.box2inner .item2 {
		right: auto;
		top: 0px;
		left: 121px;
	}
	.box2inner .item3 {
		right: 0px;
		top: 0px;
	}
	.box2inner .item4 {
		right: auto;
		left: 0px;
		top: 121px;
	}
	.box2inner .item5 {
		right: 121px;
		top: 121px;
	}
	.box2inner .item6 {
		right: auto;
		left: 0px;
		top: 242px;
	}
	.box2inner .item7 {
		right: auto;
		left: 121px;
		top: 242px;
	}
	.box2inner .item8 {
		right: 0px;
		top: 242px;
	}
	.box2inner .item9 {
		right: 242px;
		top: 363px;
	}
	.box2inner .item10 {
		right: 121px;
		top: 363px;
	}
	.box2inner .item11 {
		display: none;
	}
	#s3 .linBox .txt .t {
		font-size: 28px;
	}
	#s3 .linBox .txt .bot {
		width: 300px;
	}
	.bg62 .txt .t {
		font-size: 22px;
	}
	.nearbybtn {
		margin-top: 7%;
	}
	.profilePbox {
		width: 80%;
	}
	.culturePbox dd {
		width: 100%;
		display: block;
	}
	.culturePbox .con {
		top: 50%;
		margin-top: -77px;
	}
	.culturePbox a:hover .con {
		top: 50%;
	}
	.processPCon {
		width: 90%;
	}
	.historyPbox .lico {
		padding-left: 50px;
	}
	.onePorfile {
		width: 80%;
	}
	.onePorfile .t1 {
		font-size: 22px;
	}
	.onePorfile .t2 {
		font-size: 40px;
	}
	.onePorfile .con {
		font-size: 24px;
	}
	.twoCultrue dd .c {
		display: block;
	}
	.newItem {
		margin: 0px 4% 40px;
		width: 42%;
	}
	.vwrap .videobox {
		width: 560px;
		margin-left: -280px;
	}
	.videoa .t {
		font-size: 22px;
	}
	.videoList .videoa {
		padding: 28px 15px 15px;
	}
	.videoa .by {
		margin-bottom: 30px;
	}
	.twoServiceBox dd {
		width: 100%;
		float: none;
		background-color: #fff;
	}
	.twoServiceBox .c {
		height: auto !important;
	}
	.twoServiceBox dd .lico {
		width: 70%;
	}
	.twoServiceBox dd .lico2 {
		opacity: 0;
		visibility: visible;
	}
	.goldBox .img {
		width: 400px;
	}
	#storePage .ser-en {
		font-size: 32px;
	}
	.proList .con {
		top: 35%;
	}
	.proList .con .en {
		font-size: 22px;
	}
	.proList .con .zh {
		font-size: 15px;
	}
	.proList .con .bot {
		margin: 8px auto;
	}
	.proinfoList li {
		width: 49%;
	}
	.wpro .en {
		font-size: 40px;
	}
	.productPCon dt {
		float: none;
		width: auto;
	}
	.productPCon dd {
		float: none;
		width: auto;
		padding: 0px 5% 50px;
	}
	.proIbox1 {
		float: none;
		width: 100%;
	}
	.proIbox1 .itemC,
	.proIbox1 .itemImg {
		float: left;
		display: block;
		width: 50%;
	}
	.proIbox2 {
		width: 33.33%;
	}
	.proIbox3,
	.proIbox4 {
		width: 66.66%;
	}
	.securitylist ul {
		margin-left: 0px;
	}
	.securitylist li {
		width: 100%;
		margin: 0px 0px 20px;
	}
	.hrAbout_List a {
		width: 200px;
		height: 200px;
	}
	.hrAbout_List {
		margin: 50px 0px;
	}
	.CareerBox {
		width: auto;
	}
	.aboutCultureDL dd {
		float: none;
		width: 100%;
		margin: 0px 0px 40px;
		height: auto;
		text-align: center;
	}
	.aboutCultureDL dd .bot {
		margin: 12px auto;
	}
	.yearQuanBox {
		width: 90%;
	}
	.yearQuanBox .t {
		font-size: 38px;
	}
	.contact-dl dd.conBox,
	.contact-dl dd.ewmBox {
		width: auto;
		float: none;
	}
	.contact-dl dd.ewmBox li {
		padding: 0px 22px 20px 0px;
	}
	.goldList .t,
	.glodBanner .t {
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	.zq_list{
		width: 90%;
		margin-left: 5%;
	}
	.zq_list ul{
		margin: 0px;
		padding: 0px;
	}
	.zq_list li .l{
		width: 100%;
	}
	.zq_list li .r{
		position: relative;
		right: 0px;
		height: auto;
		margin-left: 0px;
		width:calc(100% - 40px);
		padding: 20px;
	}
	.zq_list li.odd .r{
		left: 0px;
	}
	.zq_list li .r .d{
		position: relative;
		bottom: auto;
		margin-top: 10px;
	}
}

@media screen and (max-width:641px) {
	
	.menuMobilelink a {
		margin: 0px;
		width: 25%;
		display: inline-block;
	}
	
	.newNav a{
		margin:0 4vw;
		display:inline-block;
	}
	.newNav{
		text-align:center;
	}
	
	.page {
		position: relative;
	}
	
	#s2 .ibox {
		padding: 50px 0px;
	}
	.box2inner {
		width: 100%;
	}
	/*.box2T{ height: 90px;}
	.box2T .t{ float: left; display: block; width: 50%;}
	.box2T .c{ float: right; display: block; width: 44%; font-size: 14px; line-height: 1.8; height: 74px;}
	.box2inner .item .bg{ width: 96px; height: 36px; padding-top: 60px; left: 50%; top: 50%; margin:-48px 0px 0px -48px;}*/
	.box2T {
		margin: 0px auto 30px;
		width: 90%;
	}
	.box2inner .item {
		width: 96px;
		height: 96px;
	}
	.box2C {
		height: 384px;
		width: 288px;
	}
	.box2inner .item1 {
		right: auto;
		left: 0px;
		top: 0px;
	}
	.box2inner .item2 {
		right: auto;
		top: 0px;
		left: 96px;
	}
	.box2inner .item3 {
		right: 0px;
		top: 0px;
	}
	.box2inner .item4 {
		right: auto;
		left: 0px;
		top: 96px;
	}
	.box2inner .item5 {
		right: 0px;
		top: 96px;
	}
	.box2inner .item6 {
		right: auto;
		left: 96px;
		top: 192px;
	}
	.box2inner .item7 {
		right: 0px;
		left: auto;
		top: 192px;
	}
	.box2inner .item8 {
		right: 192px;
		top: 288px;
	}
	.box2inner .item9 {
		right: 96px;
		top: 288px;
	}
	.box2inner .item10 {
		right: 0px;
		top: 288px;
	}
	.box2inner .item11 {
		display: block;
		right: auto;
		left: 0px;
		top: 192px;
	}
	.box2inner .item .bg {
		font-size: 13px;
	}
	#s3 .linBox {
		width: 100%;
		height: 50%;
		float: none;
		display: block;
	}
	#s3 .linBox .txt {
		top: 40%;
	}
	#s3 .ibox {
		height: 580px;
	}
	#s6 .linBox {
		width: 100%;
		float: none;
	}
	#s6 .ibox {
		height: 400px;
	}
	#s6 .bg60 {
		display: none;
	}
	.bg62 .txt {
		top: 38%;
	}
	.bg61 .black {
		position: absolute;
		left: 0px;
		top: 0px;
		background-color: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		display: block;
	}
	.bg61 .txt {
		position: absolute;
		left: 0px;
		top: 42%;
		text-align: center;
		color: #fff;
		width: 100%;
		line-height: 1.5;
		display: block;
	}
	.bg61 .txt .t {
		font-size: 28px;
	}
	.bg61 .txt .c {
		font-size: 16px;
	}
	.box6Con {
		padding-top: 50px;
	}
	.loginbtn {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.linkDL dd.lin1 .br {
		padding-left: 0px;
		display: block;
	}
	.about-en {
		font-size: 32px;
	}
	.about-t {
		font-size: 16px;
	}
	.profilePbox {
		width: 90%;
	}
	.historyPbox .lico {
		padding-left: 20px;
	}
	.twoCultrue dd {
		width: 100%;
		float: none;
	}
	.twoCultrue dd .c {
		height: auto;
	}
	.proces-T .item1 {
		font-size: 24px;
	}
	.proces-T .item2 {
		font-size: 32px;
	}
	.proces-info .item1 {
		font-size: 18px;
	}
	.vwrap .videobox {
		width: 400px;
		margin-left: -200px;
		height: 350px;
		margin-top: -175px;
	}
	.videoList {
		width: 90%;
	}
	.greenChainBox {
		padding: 60px 0px;
	}
	.greeItem .img {
		width: auto;
		float: none;
	}
	.greeItem .text {
		margin: 30px 0px 0px;
		width: auto;
		float: none;
	}
	.greeItem .iimg {
		display: none;
	}
	.greeItem .text .c {
		text-indent: 0;
	}
	.pbanner2 .img {
		width: 160%;
	}
	.happinessList dd {
		width: 100%;
		float: none;
		background-color: #F8F8F8;
	}
	.twoServiceBox .ico {
		width: 70px;
	}
	.RepairPage .ser-en {
		font-size: 32px;
	}
	.RepairPage {
		height: auto;
		padding-bottom: 50px;
	}
	.RepairPage .item1 {
		float: none;
	}
	.RepairPage .item2 {
		position: relative;
		right: auto;
		bottom: auto;
		margin: 0px auto;
		padding: 30px 0px 0px;
	}
	.RepairPage .ico {
		left: auto;
		right: 5%;
		background-size: cover;
		width: 50px;
		height: 48px;
		bottom: auto;
		top: 5%;
	}
	.mbtn {
		float: none;
		margin: 0px auto;
	}
	.goldDemo .name {
		top: 0px;
	}
	.goldDemo .list {
		margin-top: 160px;
	}
	.goldBox .img {
		width: 90%;
	}
	.proBanner .con {
		text-align: center;
		left: 5%;
		width: 90%;
		top: 30%;
	}
	.proBanner .btn-more {
		margin: 5% auto 0px;
	}
	.productNav li {
		width: 25%;
	}
	.productNav a {
		padding: 10px 0px;
		height: auto;
	}
	.productNav a .ico {
		margin-bottom: 0px;
		width: 35px;
		height: 35px;
	}
	.productList dd {
		width: 46%;
		margin: 0px 2% 20px;
	}
	.psico {
		border-radius: 50%;
		background: none #e5e5e5;
	}
	.psico:hover {
		background: none #009470;
	}
	.prolistType {
		text-align: left;
	}
	.prolistType a {
		display: inline-block;
		padding: 2px 0px;
		width: 30%;
		margin: 0px 1% 4px;
		text-align: center;
	}
	.proList {
		width: 100%;
	}
	.proList li {
		width: 100%;
	}
	.proList li.item2 .item {
		margin: 0px 5% 20px;
	}
	.proinfoImgBox {
		padding-bottom: 50px;
	}
	.proinfoDemo {
		width: 100%;
		top: auto;
	}
	.proinfoDemo dd {
		text-align: left;
	}
	.proList2 .twoItem .con {
		top: 38%;
		text-align: center;
		height: auto;
	}
	.proList2 .twoItem .con .c {
		display: none;
	}
	.proList2 .twoItem .con .bot {
		margin: 10px auto;
	}
	.proList2 .con .en,
	.proList2 .twoItem .con .en {
		font-size: 22px;
	}
	.proList2 .con .zh,
	.proList2 .twoItem .con .zh {
		font-size: 15px;
	}
	.proContact dt,
	.proContact dd {
		float: none;
		width: auto;
		text-align: left;
	}
	.productPCon dt {
		display: none;
	}
	.productPCon dd {
		padding-top: 45px;
	}
	/*.exprienceBox{ padding: 250px 5% 50px; height: auto; width: 90%; background-size:inherit; background-position: left top;}
	.furnitureBox{ padding-top: 340px; background-position: right top;}
	.furnitureDemo .slick-prev{ left: 2%;}
	.furnitureDemo .slick-next{ right: 2%;}
	.proIbox2{ width: 50%; float: none;}
	.proIbox3,.proIbox4{ width: 100%; float: none;}*/
	select.selbox2 {
		float: none;
		margin-bottom: 10px;
	}
	.securityT {
		font-size: 26px;
	}
	.securityBox .r {
		width: 100px;
	}
	.securityBox .r img {
		width: 100%;
		display: block;
	}
	.pbannerbox .con2 .t {
		font-size: 24px;
	}
	.pbannerbox .con2 .c {
		font-size: 14px;
	}
	.hrAbout_List a {
		width: 160px;
		height: 160px;
	}
	.joinImg {
		padding: 100px 0px;
	}
	.hrList .hspan:nth-child(3),
	.hrList .hspan:nth-child(6) {
		display: none;
	}
	.hrList .hspan:nth-child(2) {
		width: 90%;
		text-indent: 2em;
		text-align: left;
	}
	.applicationList li,
	.applicationList .action li {
		width: 50%;
	}
	.applicationList li.item7 {
		width: 100%;
	}
	.CareerList li {
		width: 100%;
		float: none;
	}
	.aboutLifePage .img,
	.aboutLifePage .con {
		float: none;
		width: auto;
	}
	.aboutLifePage .con {
		height: auto;
		padding: 60px 7%;
	}
	.brandBox {
		width: 84%;
	}
	.brandBox .zh {
		font-size: 20px;
	}
	.brandBox .c {
		font-size: 14px;
	}
	.imgShowBox .overlayClose {
		top: 0px;
		background-color: #009470;
		position: absolute;
		z-index: 1000;
		width: 40px;
		height: 40px;
	}
	.imgShowDemo .item {
		background-size: contain;
	}
	.imgShowDemo .owl-controls .owl-buttons div {
		width: 30px;
		height: 30px;
		z-index: 1000;
		display: none;
	}
	.serviceDemo .item:hover .icobg {
		left: 0%;
		display: none;
	}
	.serviceDemo .item:hover .ico {
		left: 0%;
		display: none;
	}
	.hi-num {
		display: none;
	}
	.imgShowBox {
		padding: 50px 0px;
	}
	.yearQuanBox {
		width: 100%;
	}
	.rightBox2 {
		float: none;
		margin: 0px auto 30px;
	}
	.leftBox {
		width: 80%;
		margin: 0px auto;
		float: none;
		text-align: center;
	}
	.ermBox {
		margin: 50px auto 0px;
		width: 184px;
	}
	.action .rightBox2 {
		transition: 500ms ease 0ms;
		-webkit-transition: 500ms ease 0ms;
	}
	.mapbox {
		height: 300px;
	}
	.screenBox {
		padding: 15px 0px;
	}
	.screenitem1 {
		padding: 0px 20px;
	}
	.screenitem1 dd {
		min-height: 25px;
		padding-left: 70px;
		margin-right: 0px;
		position: relative;
	}
	.screenitem1 .by-conditions-title {
		left: 0px;
		top: 0px;
		position: absolute;
	}
	.by-conditions-con a {
		display: inline-block;
	}
	.goldList .t {
		font-size: 20px;
	}
	.glodBanner .c {
		font-size: 15px;
	}
}

@media screen and (max-width:481px) {
	.menuMobilelink a {
		width: 50%;
	}
	.box2T {
		width: 288px;
	}
	#s5 .ibox {
		height: 500px;
	}
	.ibox5c {
		width: 288px;
		height: 288px;
		margin: -144px 0px 0px -144px;
	}
	.ibox5c .item {
		width: 144px;
		height: 144px;
		font-size: 12px;
	}
	.ibox5c .item .txt,
	.ibox5c .item .info {
		width: 114px;
		padding: 0px 15px;
		height: 144px;
	}
	.ibox5c .item .txt .c {
		height: 84px;
		padding: 20px 0px 0px;
	}
	.ibox5c .item .info .num {
		font-size: 32px;
		padding: 20px 0px 0px;
	}
	.ibox5c .item .info .i {
		font-size: 16px;
	}
	.ibox5c .item .info .t {
		left: auto;
		position: relative;
		bottom: auto;
	}
	.historyPbox .lico {
		padding-left: 0px;
	}
	.onePorfile .t2 {
		padding: 15px 0px;
		line-height: 1.1;
	}
	.onePorfile .con {
		font-size: 20px;
	}
	.onePorfile .icoBox span {
		margin: 0px 5%;
	}
	.proces-T dd,
	.proces-info dd {
		float: none;
		width: 100%;
		background-color: #fff;
	}
	.proces-padding-l,
	.proces-padding-r {
		padding: 0px;
	}
	.proces-T .item1,
	.proces-T .item2,
	.proces-info .item1,
	.proces-info .item2 {
		text-align: center;
	}
	.proces-info .item1,
	.proces-T .item1 {
		padding: 20px 0px 30px;
	}
	.proces-info .item2,
	.proces-T .item2 {
		padding-bottom: 20px;
	}
	.proces-list {
		background-color: #fff;
	}
	.proces-list dt.section {
		width: 100%;
		background-color: #fff;
	}
	.proces-list dd {
		padding: 30px 5% 0;
		background-color: #fff;
	}
	.proces-list .pitem1 {
		width: 30%;
	}
	.proces-list .pitem2 {
		width: 70%;
	}
	.proces-yd {
		left: 30%;
	}
	.p-year {
		margin-right: 0px;
		float: none;
		padding-right: 0px;
	}
	.proces-list .proces-R .pitem1 {
		float: left;
	}
	.proces-L .month {
		margin-right: 0px;
		float: none;
	}
	.proces-R .month {
		margin: 0px;
	}
	.proces-L .txt {
		margin-left: 24px;
	}
	.proces-R .txt {
		float: none;
		margin: 0px 0px 0px 24px;
	}
	.newItem {
		margin: 0px 4% 40px;
		width: 92%;
		float: none;
	}
	.vwrap .videobox {
		width: 300px;
		margin-left: -150px;
		height: 300px;
		margin-top: -150px;
	}
	.productNav li {
		width: 33.33%;
	}
	.productList dd {
		width: 100%;
		float: none;
		margin: 0px 0px 25px;
	}
	.proinfoList ul {
		margin-left: 0px;
	}
	.proinfoList li {
		width: 100%;
		float: none;
		margin: 0px 0px 30px 0px;
	}
	.proList2 li .img,
	.proList2 li.twoItem .img {
		width: 100%;
	}
	.proList2 .oneItem .con,
	.proList2 .twoItem .con {
		left: 5%;
		width: 90%;
		color: #fff;
	}
	.proList2 .twoItem .con .bot,
	.proList2 .twoItem a:hover .con .bot {
		background-color: #fff;
	}
	.proIbox1 .itemC,
	.proIbox1 .itemImg,
	.proIbox3 .itemC,
	.proIbox3 .itemImg,
	.proIbox4 .itemC,
	.proIbox4 .itemImg {
		float: none;
		width: 100%;
	}
	.proIbox2 {
		width: 100%;
	}
	.itemC {
		height: 200px;
	}
	.itemC .con .t {
		font-size: 28px;
	}
	.itemC .con .by {
		font-size: 18px;
	}
	.itemC .img {
		display: none;
	}
	.proIbox1:hover,
	.proIbox3:hover,
	.proIbox4:hover {
		border: 0px none;
	}
	.goldico {
		display: none;
	}
}

@media screen and (max-width: 375px) {
	.box4Ttx {
		width: 224px;
	}
	.menu {
		width: 48px;
	}
	.menu .l {
		display: none;
	}
	.culturePbox .img {
		width: 130%;
	}
	.vwrap .videobox {
		width: 240px;
		margin-left: -120px;
		height: 300px;
		margin-top: -150px;
	}
	.hrAbout_List li {
		float: none;
		width: 100%;
	}
	.hrAbout_List li:nth-child(1) {
		margin-bottom: 30px;
	}
}
.gglayertxt{ position:relative; padding:40px 80px; font-size:16px; line-height:28px;}
.gglayerbg{ width:100%;  z-index:550; height:500px; height:100%; position:fixed ;left:0; background:#000;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5; top:0; z-index:888;}
.gglayer{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background:#fff;width:1000px; position:absolute;z-index:920;left:50%; margin-left:-500px; z-index:920; top:50%; margin-top:-198px;}
.gglayerobtn{ width:35px; height:35px; cursor:pointer; background:url(../images/gglayerobtn.png) center no-repeat; background-size:cover; position:absolute; right:20px; top:20px;}
.gglayer{ text-align:justify; line-height:24px; background:url(../images/redbg3.jpg) center no-repeat; background-size:cover;color:#fff; }
.gglayer h4{ font-size:18px; text-align:center; padding-bottom:20px;}
.gglayer a{ text-decoration:underline;}


@media screen and (max-width: 769px) {
	.gglayer{ width:80%; left:10%;margin:0; top:50%; font-size:16px;transform:translateY(-50%);-webkit-transform:translateY(-50%); height:auto;}
	.gglayer{ height:auto; overflow:hidden; }
	.gglayer{ padding:30px 30px;}
	.gglayer h4{ padding:0 15px; padding-bottom:20px;}
	.gglayerdesc{ display:none;}
	.gglayerobtn{ right:10px; top:10px; width:20px; height:20px;}
}